<template>
    <h1>路由传参（接收）</h1>

    <h2>当前路由：{{ route.path }}</h2>
    <h2>当前路由全路径：{{ route.fullPath }}</h2>

    <span>
        来自A的数据：{{ route.query }}
    </span>
    <p style="text-align: left;border-top: 1px solid #000;">
        使用 useRoute()，直接获取其中的 query 属性
    
    </p>
</template>

<script lang="ts">
import { useRoute } from 'vue-router'

export default {
    name: 'router_routeB',
    setup() {

        const route = useRoute()

        return {
            route
        }
    }
} 
</script>
<style></style>